<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>Hello MUI</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		
		<link rel="stylesheet" href="css/mui.min.css">
		
		<link rel="stylesheet" type="text/css" href="css/demo.css"/>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<style>
			html,
			body {
				background-color: #efeff4;
			}
			a{
				text-decoration: none!important;
			}
		</style>
	</head>

	<body>
		
		<nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item mui-active" href="" id="kucun">
				<span class="mui-icon iconfont icon-cangku_kucun"></span>
				<span class="mui-tab-label">库存</span>
			</a>
			<a class="mui-tab-item" href="" id="ruku">
				<span class="mui-icon iconfont icon-cangku_daozhan"></span>
				<span class="mui-tab-label">入库</span>
			</a>
			<a class="mui-tab-item" href="" id="chuku">
				<span class="mui-icon iconfont icon-cangku_zhongzhuanchuzhan"></span>
				<span class="mui-tab-label">出库</span>
			</a>
			<a class="mui-tab-item" href="" id="record">
				<span class="mui-icon iconfont icon-detail"></span>
				<span class="mui-tab-label">记录</span>
			</a>
			<a class="mui-tab-item" href="" id="my">
				<span class="mui-icon iconfont icon-gerentouxiang"></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>
		<script src="js/mui.min.js"></script>
		<script src="js/iconfont.js"></script>
		<script type="text/javascript" charset="utf-8"> 
			mui.init({
				subpages:[
				{
					url:"my.html",
					id:"my.html",
					styles:{
					top:"0px",
					bottom:"48px"
					}
				},
				{
					url:"ruku.html",
					id:"ruku.html",
					styles:{
					top:"0px",
					bottom:"48px"
					}
				},
				{
					url:"chuku.html",
					id:"chuku.html",
					styles:{
					top:"0px",
					bottom:"48px"
					}
				},
				{
					url:"record.html",
					id:"record.html",
					styles:{
					top:"0px",
					bottom:"48px"
					}
				},
				{
					url:"kucun_z.html",
					id:"kucun_z.html",
					styles:{
					top:"0px",
					bottom:"48px"
					}
				}
				
			],
			preloadPages:[
			
			]
			})
		
				var kucun = document.getElementById('kucun');
				var ruku = document.getElementById('ruku');
				var chuku = document.getElementById('chuku');
				var record = document.getElementById('record');
				var my = document.getElementById('my');
				kucun.addEventListener('tap',function(){
					var kucunPage = plus.webview.getWebviewById('kucun_z.html');
					var rukuPage = plus.webview.getWebviewById('ruku.html');
					var chukuPage = plus.webview.getWebviewById('chuku.html');
					var recordPage = plus.webview.getWebviewById('record.html');
					var myPage = plus.webview.getWebviewById('my.html');
					plus.webview.show(kucunPage);
					plus.webview.hide(rukuPage);
					plus.webview.hide(chukuPage);
					plus.webview.hide(recordPage);
					plus.webview.hide(myPage);
				})
				ruku.addEventListener('tap',function(){
					var kucunPage = plus.webview.getWebviewById('kucun_z.html');
					var rukuPage = plus.webview.getWebviewById('ruku.html');
					var chukuPage = plus.webview.getWebviewById('chuku.html');
					var recordPage = plus.webview.getWebviewById('record.html');
					var myPage = plus.webview.getWebviewById('my.html');
					plus.webview.hide(kucunPage);
					plus.webview.show(rukuPage);
					plus.webview.hide(chukuPage);
					plus.webview.hide(recordPage);
					plus.webview.hide(myPage);
				})
				chuku.addEventListener('tap',function(){
					var kucunPage = plus.webview.getWebviewById('kucun_z.html');
					var rukuPage = plus.webview.getWebviewById('ruku.html');
					var chukuPage = plus.webview.getWebviewById('chuku.html');
					var recordPage = plus.webview.getWebviewById('record.html');
					var myPage = plus.webview.getWebviewById('my.html');
					plus.webview.hide(kucunPage);
					plus.webview.hide(rukuPage);
					plus.webview.show(chukuPage);
					plus.webview.hide(recordPage);
					plus.webview.hide(myPage);
				})
				record.addEventListener('tap',function(){
					var kucunPage = plus.webview.getWebviewById('kucun_z.html');
					var rukuPage = plus.webview.getWebviewById('ruku.html');
					var chukuPage = plus.webview.getWebviewById('chuku.html');
					var recordPage = plus.webview.getWebviewById('record.html');
					var myPage = plus.webview.getWebviewById('my.html');
					plus.webview.hide(kucunPage);
					plus.webview.hide(rukuPage);
					plus.webview.hide(chukuPage);
					plus.webview.show(recordPage);
					plus.webview.hide(myPage);
				})
				my.addEventListener('tap',function(){
					var kucunPage = plus.webview.getWebviewById('kucun_z.html');
					var rukuPage = plus.webview.getWebviewById('ruku.html');
					var chukuPage = plus.webview.getWebviewById('chuku.html');
					var recordPage = plus.webview.getWebviewById('record.html');
					var myPage = plus.webview.getWebviewById('my.html');
					plus.webview.hide(kucunPage);
					plus.webview.hide(rukuPage);
					plus.webview.hide(chukuPage);
					plus.webview.hide(recordPage);
					plus.webview.show(myPage);
				})
				
		</script>
	</body>

</html>